import { CoolButton } from "./src/components/CoolButton/index.js";
import { CoolInput } from "./src/components/CoolInput/index.js";
import { CoolMsg } from "./src/components/CoolMsg/index.js";
import { version } from "./package.json";

// import "./src/components/CoolButton/index.scss";
// import "./src/components/CoolInput/index.scss";

const components = [CoolButton, CoolInput, CoolMsg];

// vue3中通过use注册组件
const install = function (app) {
  components.forEach((component) => {
    //这里可以使用use，也可以使用component。
    // use内部调用了install方法，定义的所有component组件都要实现下这个install方法
    app.use(component);
    // app.component是通过name和组件直接定义的全局组件
    // app.component(component.name, component);

    applyOptions(app);
  });
};
// 用来挂载 CoolMsg 这样用 js 来调用的组件, this.$CoolMsg()
const applyOptions = (app) => {
  app.config.globalProperties.$CoolMsg = CoolMsg;
};

export { CoolButton, CoolInput, CoolMsg, install };
export default { version, install };
